<template>
  <div class="RevisionList">
    <div class="head">
      <div class="ift-back" @click="returns"></div>
      <h1>{{ name }} <span class="ift-nameEdit"></span></h1>
      <div class="ift-bookmore"></div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      name: null,
    };
  },
  methods: {
    returns() {
      this.$router.go("-1");
    },
  },
  created() {
    console.log(this.$route.query);
    this.name = this.$route.query.name;
  },
};
</script>
<style lang="less">
.RevisionList {
  .head {
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    div {
      width: 45px;
      font-size: 20px;
      color: #fc6976;
    }
    h1 {
      flex: 1;
      font-size: 18px;
      font-weight: 500;
    }
  }
}
</style>